import CentView from '@/View/CentView/mainView';
import Floor from '@/View/IndexView/floor';
import Title from '@/View/IndexView/title';
import LeftView from '@/View/LeftView/mainView';
import React from 'react';
import styled from 'styled-components';

const BodyLayout = styled.div`
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-rows: 1.8rem auto 1.8rem;
`;

const ViewLayout = styled.div`
  display: grid;
  width: 100%;
  height: 100%;
  grid-template-columns: 25% 50% 25%;
`;

//component
const App: React.FC = () => {
  return (
    <BodyLayout>
      <Title></Title>
      <ViewLayout>
        <LeftView></LeftView>
        <CentView></CentView>
      </ViewLayout>
      <Floor></Floor>
    </BodyLayout>
  );
};
export default App;
